<script lang="ts" setup name="Person">

import  useDog from '@/hooks/useDog'

const {data,changeDog} = useDog()

</script>

<template>
    <div class="person">
        <h1>你好,世界！</h1>
        <img v-for="item in data" :key="item" :src="item" alt="">
        <button @click="changeDog">再来一只狗</button>
    </div>
</template>

<style>
.person {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}

button {
    margin: 0px 5px;
}

img {
    height: 100px;
}
</style>